 <%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//Dth XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>煤炭慧眼——数据中心</title>
 <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
 <!-- jQuery 2.1.4 -->
   <script src="<s:url value="/resources"/>/adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>
   <script src="<s:url value="/resources"/>/map/js/more.js"></script> 
   <script src="<s:url value="/resources"/>/mei123/js/zquery.js"></script> 
   <script src="<s:url value="/resources"/>/mei123/js/highcharts.js"></script> 
   <script src="<s:url value="/resources"/>/mei123/js/idangerous.swiper.min.js"></script> 
   <%-- <script src="<s:url value="/resources"/>/mei123/js/homePage.js"></script>  --%>
   <script src="<s:url value="/resources"/>/mei123/js/dian.js"></script>
   <link href="<s:url value="/resources"/>/map/css/list.css" rel="stylesheet" type="text/css">
   <link href="<s:url value="/resources"/>/map/css/sjzx.css" rel="stylesheet" type="text/css">
   <link href="<s:url value="/resources"/>/mei123/css/jghy.css" rel="stylesheet" type="text/css">
    <script type='text/javascript' src='<s:url value="/resources"/>/mei123/js/myjs.js'></script>
   <script type="text/javascript">
    $(document).ready(function(){ 
    $("#priceEyeByMQ .areaShow a:not('.pinhead_city')").click(function(){
    	var subTypeName = $(this).attr("id");
    	var type = $(this).attr("name");
    	sortShowDiv("../outputsalescontroller/getPriceList",$(this).text(),type,subTypeName,"03",focusScroll_03);
   	});
   	 $("#priceEyeByMZ .areaShow a:not('.pinhead_city')").click(function(){
    	var subTypeName = $(this).attr("id");
    	var type = $(this).attr("name");
    	sortShowDiv("../outputsalescontroller/getPriceList",$(this).text(),type,subTypeName,"04",focusScroll_04);
   	});
   	 $("#priceEyeByQH .areaShow a:not('.pinhead_city')").click(function(){
    	var subTypeName = $(this).attr("id");
    	var type = $(this).attr("name");
    	sortShowDiv("../outputsalescontroller/getMPriceList",$(this).text(),type,subTypeName,"05",focusScroll_05);
   	});
   	 $("#priceEyeByJK .areaShow a:not('.pinhead_city')").click(function(){
    	var subTypeName = $(this).attr("id");
    	var type = $(this).attr("name");
    	sortShowDiv("../outputsalescontroller/getMPriceList",$(this).text(),type,subTypeName,"06",focusScroll_06);
   	});
   	
   	$("#priceEyeByMQ .areaShow a:not('.pinhead_city')").eq(0).click();
   	$("#priceEyeByMZ .areaShow a:not('.pinhead_city')").eq(0).click();
   	$("#priceEyeByQH .areaShow a:not('.pinhead_city')").eq(0).click();
   	$("#priceEyeByJK .areaShow a:not('.pinhead_city')").eq(0).click();
   		});
   </script>
</head>

<body style="color:#000;">
 
<!---数据中心导航 开始---->
 <div class="sjzx_nav_bg" id="subNav" style="display:none">
   <div class="wrap">
      <div class="sjzx_nav">
        <ul> 
          <li><a href="#link2" class="link2">煤炭价格</a></li>
          <li><a href="#link3" class="link3">港口数据</a></li>
          <li><a href="#link4" class="link4">煤炭数据</a></li>
          <li><a href="#link5" class="link5">电力数据</a></li>
          <li><a href="#link6" class="link6">冶金数据</a></li>
          <li><a href="#link7" class="link7">化工数据</a></li>
          <li><a href="#link8" class="link8">宏观数据</a></li>
        </ul>
      </div>
   </div>
 </div>
<!-----内容------>
 <div class="wrap">
  <div class="jghy_box">
    <!-----box01------>
<script type="text/javascript">
    	$(function(){
    		$("#priceEyeByAREA .areaShow a:not('.pinhead_city')").click(function(){
	    		var type = "AREA";
	    		var subTypeName = $(this).text();
	    		changeTitle($("#priceEyeByAREA"),subTypeName);
    			loadPriceEyeData(type,subTypeName,$("#FS_Cont_01"),focusScroll_first);
    		})
    		$("#priceEyeByAREA .areaShow a:not('.pinhead_city')").eq(0).click();
    		
    	})
    	
    	function changeTitle($dom,text){
    		$dom.find(".pinhead>span").text(text);
    	}
    	
    	function loadPriceEyeData(type,subTypeName,$slidDom,scrollObj){
			$.post("../priceOfEye/getLatestCoalPricesByAreaAndPort",{type:type,subTypeName:subTypeName},function(ret){
				var retJSON = JSON.parse(ret);
    			var priceEyeString = "";
   				var listBeginString = '<div class="jghy_list" ><ul>';
   				var listEndString = '</ul></div>';
   				var total = retJSON.length;
				$.each(retJSON,function(i,n){
					if(total==0){
						priceEyeString += (listBeginString+listEndString);
					}else if(isBeginOfItem(i,total) && isEndOfItem(i,total)){
						priceEyeString += (listBeginString+createItemString(n)+listEndString);
					}else if(isBeginOfItem(i,total)){
						priceEyeString += (listBeginString+createItemString(n));
					}else if(isEndOfItem(i,total)){
						priceEyeString += (createItemString(n)+listEndString);
					}else {
						priceEyeString += createItemString(n);
					}
    			})
    			$slidDom.empty().append(priceEyeString);
				scrollObj.initialize(); //初始化
    		})
    	}
    	
    	function isBeginOfItem(index,total){
    		if(index % 6 ==0){
    			return true;
    		}
    		return false;
    	}
    	
    	function isEndOfItem(index,total){
    		if(index % 6==5){
    			return true;
    		}
    		if(index+1 == total){
    			return true;
    		}
    		return false;
    	}
    	
    	function createItemString(itemData){
    		return '<li><h3>'+itemData['cpmc']+'</h3>'+
			 '<p class="t_jg"><span class="jg_red">'+itemData['jg'].replace(/ /g,"")+'</span>元/吨</p>'+
             '<p class="t_jg3"><span>'+itemData['bjdq']+'</span>'+itemData['jglx']+'</p>'+
             '<p class="t_jg2">'+itemData['sj']+'</p></li>';
    	}
    </script>
    <div class="jghy l">
       <div class="jghy_tit jghy_t01">分地区煤炭价格</div>
       <div id="priceEyeByAREA" class="jghy_cont">
         <!-----条件筛选------>
         <div class="priceinfo">
            <div class="pinhead"><span>山西省</span>
              <div class="areaShow"> <a style="display:none" href="###" class="pinhead_city">更多 <i></i></a><a href="###">山西</a><a href="###">内蒙</a><a href="###">陕西</a>
                <div class="more" style="display: none;"><a href="###">山西省</a><a href="###">山西省</a><a href="###">山西省</a><a href="###">山西省</a><a href="###">山西省</a></div>
              </div>
            </div>
          </div>
          <!-----结果 轮播------>
          <div class="scroll">
             <a href="javascript:void(0);" class="arr_left" id="FS_arr_left_01">左移动</a>
             <a href="javascript:void(0);" class="arr_right" id="FS_arr_right_01">右移动</a>
             <div class="scroll_cont" id="FS_Cont_01">
                <!--循环-->
                <div class="jghy_list" >
                  <ul>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3"><span>太原市</span>坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1085</span>元/吨</p>
                      <p class="t_jg3">坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3"><span>太原市</span>坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                   <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3"><span>太原市</span>坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3"><span>太原市</span>坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3"><span>太原市</span>坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                  </ul>
                </div>
               <!--循环-->
                <div class="jghy_list" >
                  <ul>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_green">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_blue">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                  </ul>
                </div>
          </div>
             <div id="FS_numList_01"></div>
          </div>
          <script language="javascript" type="text/javascript">
          var focusScroll_first = new ScrollPic();
          focusScroll_first.scrollContId   = "FS_Cont_01"; //内容容器ID
          focusScroll_first.arrLeftId      = "FS_arr_left_01";//左箭头ID
          focusScroll_first.arrRightId     = "FS_arr_right_01"; //右箭头ID
          focusScroll_first.dotListId      = "FS_numList_01";//点列表ID
          focusScroll_first.dotClassName   = "";//点className
          focusScroll_first.dotOnClassName	= "selected";//当前点className
          focusScroll_first.listType		= "number";//列表类型(number:数字，其它为空)
          focusScroll_first.listEvent      = "onmouseover"; //切换事件
          focusScroll_first.frameWidth     = 610;//显示框宽度
          focusScroll_first.pageWidth      = 610; //翻页宽度
          focusScroll_first.upright        = false; //垂直滚动
          focusScroll_first.speed          = 20; //移动速度(单位毫秒，越小越快)
          focusScroll_first.space          = 50; //每次移动像素(单位px，越大越快)
          focusScroll_first.autoPlay       = true; //自动播放
          focusScroll_first.autoPlayTime   = 5; //自动播放间隔时间(秒)
          focusScroll_first.circularly     = true;
          focusScroll_first.initialize(); //初始化
          focusScroll_first.onpagechange = function(){
		   $(".scroll_info").hide();
		   $("#txt0"+(focusScroll_first.pageIndex+1)).show();
		  };
          </script>
       </div>
     </div>
     <!-----box02------>
     <script type="text/javascript">
     $(function(){
 		$("#priceEyeByPORT .areaShow a:not('.pinhead_city')").click(function(){
	    		var type = "PORT";
	    		var subTypeName = $(this).text();
	    		changeTitle($("#priceEyeByPORT"),subTypeName);
 				loadPriceEyeData(type,subTypeName,$("#FS_Cont_02"),focusScroll_second);
 		})
 		$("#priceEyeByPORT .areaShow a:not('.pinhead_city')").eq(0).click();
 		
 	})
     </script>
     <div class="jghy r">
       <div class="jghy_tit jghy_t02">分港口煤炭价格</div>
       <div id="priceEyeByPORT" class="jghy_cont">
         <!-----条件筛选------>
         <div class="priceinfo">
            <div class="pinhead"><span>策克口岸港</span>
              <div class="areaShow"> <a style="display:none" href="###" class="pinhead_city">更多 <i></i></a><a href="###">京唐港</a><a href="###">曹妃甸港</a><a href="###">黄骅港</a><a href="###">日照港</a><a href="###">广州港</a><a href="###">秦皇岛港</a>
                <div class="more" style="display: none;"><a href="###">山西省</a><a href="###">山西省</a><a href="###">山西省</a><a href="###">山西省</a><a href="###">山西省</a></div>
              </div>
            </div>
          </div>
          <!-----结果 轮播------>
          <div class="scroll">
             <a href="javascript:void(0);" class="arr_left" id="FS_arr_left_02">左移动</a>
             <a href="javascript:void(0);" class="arr_right" id="FS_arr_right_02">右移动</a>
             <div class="scroll_cont" id="FS_Cont_02">
                <!--循环-->
                <div class="jghy_list" >
                  <ul>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3">坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3">坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">1075-1085</span>元/吨</p>
                      <p class="t_jg3">坑口价</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>气煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                  </ul>
                </div>
               <!--循环-->
                <div class="jghy_list" >
                  <ul>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                    <li>
                      <h3>1/3焦煤</h3>
                      <p class="t_jg"><span class="jg_red">710</span>元/吨</p>
                      <p class="t_jg2">2017-11-01</p>
                    </li>
                  </ul>
                </div>
          </div>
             <div id="FS_numList_02"></div>
          </div>
          <script language="javascript" type="text/javascript">
			  var focusScroll_second = new ScrollPic();
			  focusScroll_second.scrollContId   = "FS_Cont_02"; //内容容器ID
			  focusScroll_second.arrLeftId      = "FS_arr_left_02";//左箭头ID
			  focusScroll_second.arrRightId     = "FS_arr_right_02"; //右箭头ID
			  focusScroll_second.dotListId      = "FS_numList_02";//点列表ID
			  focusScroll_second.dotClassName   = "";//点className
			  focusScroll_second.dotOnClassName	= "selected";//当前点className
			  focusScroll_second.listType		= "number";//列表类型(number:数字，其它为空)
			  focusScroll_second.listEvent      = "onmouseover"; //切换事件
			  focusScroll_second.frameWidth     = 610;//显示框宽度
			  focusScroll_second.pageWidth      = 610; //翻页宽度
			  focusScroll_second.upright        = false; //垂直滚动
			  focusScroll_second.speed          = 20; //移动速度(单位毫秒，越小越快)
			  focusScroll_second.space          = 50; //每次移动像素(单位px，越大越快)
			  focusScroll_second.autoPlay       = true; //自动播放
			  focusScroll_second.autoPlayTime   = 5; //自动播放间隔时间(秒)
			  focusScroll_second.circularly     = true;
			  focusScroll_second.initialize(); //初始化
			  focusScroll_second.onpagechange = function(){
			   $(".scroll_info").hide();
			   $("#txt0"+(focusScroll_second.pageIndex+1)).show();
			  };
          </script>
       </div>
     </div>
     <!-----box03------>
     <div class="jghy l">
       <div class="jghy_tit jghy_t03">分煤企煤炭价格</div>
       <div  id="priceEyeByMQ" class="jghy_cont">
         <!-----条件筛选------>
         <div class="priceinfo">
            <div class="pinhead"><span>山西省</span>
              <div class="areaShow"> <!-- <a href="#" class="pinhead_city">更多 <i></i></a> --><a href="javascript:void(0);" id="sh"  name="fmq">神华集团</a>
                <a href="javascript:void(0);" id="zmmtjg" name="fmq">中煤集团</a>
                <a href="javascript:void(0);" id="tmmtjg" name="fmq">同煤集团</a>
                <a href="javascript:void(0);" id="ytmtjg" name="fmq">伊泰集团</a>
                <div class="more" style="display: none;"><a href="javascript:void(0);" id="sh"  name="fmq">神华集团</a>
                <a href="javascript:void(0);" id="zmmtjg" name="fmq">中煤集团</a>
                <a href="javascript:void(0);" id="tmmtjg" name="fmq">同煤集团</a>
                <a href="javascript:void(0);" id="ytmtjg" name="fmq">伊泰集团</a></div>
              </div>
            </div>
          </div>
          <!-----结果 轮播------>
          <div class="scroll">
             <a href="javascript:void(0);" class="arr_left" id="FS_arr_left_03">左移动</a>
             <a href="javascript:void(0);" class="arr_right" id="FS_arr_right_03">右移动</a>
             <div class="scroll_cont" id="FS_Cont_03">
                <!--循环-->
                
               <!--循环-->
                
          </div>
             <div id="FS_numList_03"></div>
          </div>
          <script language="javascript" type="text/javascript">
          var focusScroll_03 = new ScrollPic();
          focusScroll_03.scrollContId   = "FS_Cont_03"; //内容容器ID
          focusScroll_03.arrLeftId      = "FS_arr_left_03";//左箭头ID
          focusScroll_03.arrRightId     = "FS_arr_right_03"; //右箭头ID
          focusScroll_03.dotListId      = "FS_numList_03";//点列表ID
          focusScroll_03.dotClassName   = "";//点className
          focusScroll_03.dotOnClassName	= "selected";//当前点className
          focusScroll_03.listType		= "number";//列表类型(number:数字，其它为空)
          focusScroll_03.listEvent      = "onmouseover"; //切换事件
          focusScroll_03.frameWidth     = 610;//显示框宽度
          focusScroll_03.pageWidth      = 610; //翻页宽度
          focusScroll_03.upright        = false; //垂直滚动
          focusScroll_03.speed          = 20; //移动速度(单位毫秒，越小越快)
          focusScroll_03.space          = 50; //每次移动像素(单位px，越大越快)
          focusScroll_03.autoPlay       = true; //自动播放
          focusScroll_03.autoPlayTime   = 5; //自动播放间隔时间(秒)
          focusScroll_03.circularly     = true;
          focusScroll_03.initialize(); //初始化
          focusScroll_03.onpagechange = function(){
		   $(".scroll_info").hide();
		   $("#txt0"+(focusScroll_03.pageIndex+1)).show();
		  };
          </script>
          
       </div>
     </div>
     <!-----box04------>
     <div class="jghy r">
       <div class="jghy_tit jghy_t04">分煤种煤炭价格</div>
       <div class="jghy_cont"  id="priceEyeByMZ" >
         <!-----条件筛选------>
         <div class="priceinfo">
            <div class="pinhead"><span>山西省</span>
              <div class="areaShow"> <!-- <a href="#" class="pinhead_city">更多 <i></i></a> -->
              <a href="javascript:void(0);"  name="fmz" id="dlm">5500大卡动力煤</a>
                <a href="javascript:void(0);"  name="fmz" id="jm">焦煤</a>
                <a href="javascript:void(0);"  name="fmz" id="wypcm">无烟喷吹煤</a>
                <a href="javascript:void(0);"  name="fmz" id="wymxk">无烟小块</a>
                <div class="more" style="display: none;">
               <a href="javascript:void(0);"  name="fmz" id="dlm">5500大卡动力煤</a>
                <a href="javascript:void(0);"  name="fmz" id="jm">焦煤</a>
                <a href="javascript:void(0);"  name="fmz" id="wypcm">无烟喷吹煤</a>
                <a href="javascript:void(0);"  name="fmz" id="wymxk">无烟小块</a>
                </div>
            </div>
          </div>
          <!-----结果 轮播------>
          <div class="scroll">
             <a href="javascript:void(0);" class="arr_left" id="FS_arr_left_04">左移动</a>
             <a href="javascript:void(0);" class="arr_right" id="FS_arr_right_04">右移动</a>
             <div class="scroll_cont" id="FS_Cont_04">
          </div>
             <div id="FS_numList_04"></div>
          </div>
          <script language="javascript" type="text/javascript">
          var focusScroll_04 = new ScrollPic();
          focusScroll_04.scrollContId   = "FS_Cont_04"; //内容容器ID
          focusScroll_04.arrLeftId      = "FS_arr_left_04";//左箭头ID
          focusScroll_04.arrRightId     = "FS_arr_right_04"; //右箭头ID
          focusScroll_04.dotListId      = "FS_numList_04";//点列表ID
          focusScroll_04.dotClassName   = "";//点className
          focusScroll_04.dotOnClassName	= "selected";//当前点className
          focusScroll_04.listType		= "number";//列表类型(number:数字，其它为空)
          focusScroll_04.listEvent      = "onmouseover"; //切换事件
          focusScroll_04.frameWidth     = 610;//显示框宽度
          focusScroll_04.pageWidth      = 610; //翻页宽度
          focusScroll_04.upright        = false; //垂直滚动
          focusScroll_04.speed          = 20; //移动速度(单位毫秒，越小越快)
          focusScroll_04.space          = 50; //每次移动像素(单位px，越大越快)
          focusScroll_04.autoPlay       = true; //自动播放
          focusScroll_04.autoPlayTime   = 5; //自动播放间隔时间(秒)
          focusScroll_04.circularly     = true;
          focusScroll_04.initialize(); //初始化
          focusScroll_04.onpagechange = function(){
		   $(".scroll_info").hide();
		   $("#txt0"+(focusScroll_04.pageIndex+1)).show();
		  };
          </script>
       </div>
     </div>
     </div>
     <!-----box05------>
    <div class="jghy l">
       <div class="jghy_tit jghy_t05">煤炭期货价格</div>
       <div class="jghy_cont"  id="priceEyeByQH">
         <!-----条件筛选------>
         <div class="priceinfo">
            <div class="pinhead"><span>山西省</span>
              <div class="areaShow">
                <a href="javascript:void(0);"  id="dlm" name="dlm">动力煤</a>
                <a href="javascript:void(0);"  id="jm" name="jm" >焦煤</a>
              </div>
            </div>
          </div>
          <!-----结果 轮播------>
          <div class="scroll">
             <a href="javascript:void(0);" class="arr_left" id="FS_arr_left_05">左移动</a>
             <a href="javascript:void(0);" class="arr_right" id="FS_arr_right_05">右移动</a>
             <div class="scroll_cont" id="FS_Cont_05">
          </div>
             <div id="FS_numList_05"></div>
          </div>
          <script language="javascript" type="text/javascript">
          var focusScroll_05 = new ScrollPic();
          focusScroll_05.scrollContId   = "FS_Cont_05"; //内容容器ID
          focusScroll_05.arrLeftId      = "FS_arr_left_05";//左箭头ID
          focusScroll_05.arrRightId     = "FS_arr_right_05"; //右箭头ID
          focusScroll_05.dotListId      = "FS_numList_05";//点列表ID
          focusScroll_05.dotClassName   = "";//点className
          focusScroll_05.dotOnClassName	= "selected";//当前点className
          focusScroll_05.listType		= "number";//列表类型(number:数字，其它为空)
          focusScroll_05.listEvent      = "onmouseover"; //切换事件
          focusScroll_05.frameWidth     = 610;//显示框宽度
          focusScroll_05.pageWidth      = 610; //翻页宽度
          focusScroll_05.upright        = false; //垂直滚动
          focusScroll_05.speed          = 20; //移动速度(单位毫秒，越小越快)
          focusScroll_05.space          = 50; //每次移动像素(单位px，越大越快)
          focusScroll_05.autoPlay       = true; //自动播放
          focusScroll_05.autoPlayTime   = 5; //自动播放间隔时间(秒)
          focusScroll_05.circularly     = true;
          focusScroll_05.initialize(); //初始化
          focusScroll_05.onpagechange = function(){
		   $(".scroll_info").hide();
		   $("#txt0"+(focusScroll_05.pageIndex+1)).show();
		  };
          </script>
       </div>
     </div>
     <!-----box06------>
     <div class="jghy r">
       <div class="jghy_tit jghy_t06">煤炭进口价格</div>
       <div class="jghy_cont"  id="priceEyeByJK">
         <!-----条件筛选------>
         <div class="priceinfo">
            <div class="pinhead"><span>山西省</span>
              <div class="areaShow">
                <a href="javascript:void(0);" id="A" name="A" >澳大利亚</a>
                <a href="javascript:void(0);"  id="I" name="I" >印尼</a>
                <a href="javascript:void(0);"  id="V" name="V" >越南</a>
              </div>
            </div>
          </div>
          <!-----结果 轮播------>
          <div class="scroll">
             <a href="javascript:void(0);" class="arr_left" id="FS_arr_left_06">左移动</a>
             <a href="javascript:void(0);" class="arr_right" id="FS_arr_right_06">右移动</a>
             <div class="scroll_cont" id="FS_Cont_06">
          </div>
             <div id="FS_numList_06"></div>
          </div>
          <script language="javascript" type="text/javascript">
          var focusScroll_06 = new ScrollPic();
          focusScroll_06.scrollContId   = "FS_Cont_06"; //内容容器ID
          focusScroll_06.arrLeftId      = "FS_arr_left_06";//左箭头ID
          focusScroll_06.arrRightId     = "FS_arr_right_06"; //右箭头ID
          focusScroll_06.dotListId      = "FS_numList_06";//点列表ID
          focusScroll_06.dotClassName   = "";//点className
          focusScroll_06.dotOnClassName	= "selected";//当前点className
          focusScroll_06.listType		= "number";//列表类型(number:数字，其它为空)
          focusScroll_06.listEvent      = "onmouseover"; //切换事件
          focusScroll_06.frameWidth     = 610;//显示框宽度
          focusScroll_06.pageWidth      = 610; //翻页宽度
          focusScroll_06.upright        = false; //垂直滚动
          focusScroll_06.speed          = 20; //移动速度(单位毫秒，越小越快)
          focusScroll_06.space          = 50; //每次移动像素(单位px，越大越快)
          focusScroll_06.autoPlay       = true; //自动播放
          focusScroll_06.autoPlayTime   = 5; //自动播放间隔时间(秒)
          focusScroll_06.circularly     = true;
          focusScroll_06.initialize(); //初始化
          focusScroll_06.onpagechange = function(){
		   $(".scroll_info").hide();
		   $("#txt0"+(focusScroll_06.pageIndex+1)).show();
		  };
          </script>
       </div>
     </div>
     
   </div>
 </div>
 <div style="height:127px"></div>
</body>
</html> 